<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
 <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
 <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <script>
     window.onload=function(){
      
         var login=document.querySelector(".login").offsetHeight;
         document.querySelector(".wrap").style.height=(login*1.5)+"px"
     }
 </script>
</head>
<body>
    <!--头部菜单-->
    <nav class="navbar navbar-default" id="header">
    <div class="container-fluid">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target="#example">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <h1>大黑盒</h1>
        </div>
           <div class="navbar-collapse collapse pull-right" id="example" >
               <ul class="nav navbar-nav">
                <li class="link"><a href="index.html">首页</a></li>
                <li class="link"><a href="about.html" >创始人</a></a></li>
                <li class="link"><a href="hotnews.html">热门游戏</a></li>
                <li class="link"><a href="login.html">会员</a></li>
                <li class="link"><a href="login.html">登陆</a></li>
               </ul>
           </div>
    </div>

    </nav>




<!--登陆注册-->
<div class="wrap">
    <div class="login">
          <h3 class="center">登陆页面</h3>
          <form >
              <p><input type="text" class="form-control" placeholder="用户名"></p>
              <p><input type="password" class="form-control" placeholder="密码"></p>
              <p><button class="btn btn-primary btn-lg btn-block">登陆</button></p>
              <div class="clearfix">
                  <p class="pull-left"><input type="checkbox" >记住我</p>
                  <p class="pull-right">
                      <a href="#">忘记密码</a>
                      <a href="#">立即注册</a>
                  </p>
              </div>
          </form>
</div></div>











<!--尾部-->
<div class="footer">
    <ul class="nav nav-pills nav-justified" >
        <li><a href="#">Steam平台</a></li>
        <li><a href="#">小黑盒</a></li>
        <li><a href="#">Xbox会员</a></li>
        <li><a href="#">EA平台</a></li>
        <li><a href="#">橘子平台</a></li>
    </ul>
    <div class="row">
         <div class="col-md-6 col-sm-12">
            <p>邮箱:131513515@163.com</p>
            <p>公司地址：美国</p>
            <p>约瑟夫·法里斯（Josef Fares）@版权所有</p>
         </div>
         <div class="col-md-6 col-sm-12">
               <img src="img/erweima.jpg" >
         </div>
    </div>
</div>
</body>
</html>